<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>模态框</title>
    <link rel="stylesheet" type="text/css" href="/css/modal.css">
    <link rel="stylesheet" href="/css/EditImgstyle.css" type="text/css" />
</head>
<body>
<!-- 触发按钮 -->
<button id="triggerBtn">模态框</button>
<!-- 模态框 -->
<div id="myModal" class="modal">
    <div class="modal-content">
        <div class="modal-header" >
            <h2 >修改头像</h2>
            <span id="closeBtn" class="close">×</span>
        </div>
        <div class="modal-body">
            <div class="hovertreecontainer">
                <div class="imageBox">
                    <div class="thumbBox"></div>
                    <div class="spinner" style="display: none">Loading...</div>
                </div>
                <div class="action">
                    <div class="new-contentarea tc">
                       <!-- <a href="javascript:void(0)" class="upload-img">
                            <label for="upload-file">上传图像</label>
                        </a>-->
                        <input type="button" class="Btnsty_peyton" id="chooseImg" value="选择图片" style="float: left">
                        <input type="file"  name="upload-file" id="upload-file" hidden />
                    </div>
                    <input type="button" id="btnSubmit" class="Btnsty_peyton" value="确认修改" >
                    <input type="button" id="btnCrop"  class="Btnsty_peyton" value="裁切">
                    <input type="button" id="btnZoomIn" class="Btnsty_peyton" value="+"  >
                    <input type="button" id="btnZoomOut" class="Btnsty_peyton" value="-" >
                </div>
                <div class="cropped"></div>
            </div>
        </div>
        <!--<div class="modal-footer">
            <h3>尾部</h3>
        </div>-->
    </div>
</div>
<script src="/js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/cropbox.js"></script>
<script type="text/javascript" src="/js/modal.js"></script>
<script type="text/javascript">


</script>
</body>
</html>